<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>满屋花1</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/left.css">
    <link rel="stylesheet" href="./css/top.css">
    <link rel="stylesheet" href="./css/right.css">
</head>
<body>
    <!-- 容器开始部分 -->
    <div id="container">
        <!-- 头部开始部分 -->
        <div id="top">
            <!-- 横幅开始部分 -->
            <div id="banner"></div>
            <!-- 横幅结束部分 -->
            <!-- 导航栏开始部分 -->
            <div id="navigation">
                <!-- 列表开始 -->
                <ul>
                    <li><a href="#">鲜花礼品</a></li>
                    <li><a href="#">自助订花</a></li>
                    <li><a href="#">绿色植物</a></li>
                    <li><a href="#">花之物语</a></li>
                    <li><a href="#">会员中心</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">支付方式</a></li>
                </ul>
                <!-- 列表结束 -->
            </div>
            </div>
        <!-- 头部结束部分 -->
        <!-- 左边开始部分 -->
        <div id="left">
            <!-- 登录部分开始 -->
            <div id="login">
                <form action="">
                    <ul>
                        <li>
                            用户:<input type="text" name="username" id="username" class="input">
                        </li>
                        <li>
                            密码:<input type="password" name="pwd" id="pwd" class="input">
                        </li>
                        <li>
                            <button type="submit" id="button" name="button" class="bt">登录</button>
                            <button type="submit" id="button" name="button" class="bt">注册</button>
                            <a href="">忘记密码</a>
                        </li>
                </ul>
                </form>
            </div>
            <!-- 鲜花分类开始部分 -->
            <div id="classify">
              <ul>
                  <h3>用途</h3>
                  <li>爱情鲜花</li>
                  <li>生日送花</li>
                  <li>新年鲜花</li>
                  <li>家庭用花</li>
                  <li>亲情用花</li>
                  <li>道歉用花</li>
                  <li>开业花蓝</li>
                  <li>会议用花</li>
              </ul>
              <ul>
                  <h3>花材</h3>
                  <li>玫瑰花</li>
                  <li>百合花</li>
                  <li>郁金香</li>
                  <li>太阳花</li>
                  <li>康乃馨</li>
                  <li>马蹄莲</li>
                  <li>扶朗</li>
                  <li>剑兰</li>
              </ul>
              <ul>
                  <h3>价格</h3>
                  <li>100~200元</li>
                  <li>200~300元</li>
                  <li>300~400元</li>
                  <li>400~500元</li>
                  <li>500~600元</li>
                  <li>600~700元</li>
                  <li>700~800元</li>
                  <li>800元以上</li>
              </ul>
            </div>
        </div>
        <!-- 左边结束部分 -->
        <!-- 右边开始部分 -->
        <div id="right">
            <!-- 本站快讯 -->
            <div id="right-latest">
                <ul>
                    <li><a href="#"><img src="./img/new1.jpg"  /></a></li>
                    <li><a href="#"><img src="./img/new2.jpg"  /></a></li>
                    <li><a href="#"><img src="./img/new3.jpg"  /></a></li>
                </ul>
            </div>
            <!-- 鲜花推荐 -->
            <div id="recommend">
                <ul>
                    <li><img src="./img/flower1.jpg" alt=""><br/>幸福的味道<br/>￥288元</li>
                    <li><img src="./img/flower2.jpg" alt=""><br/>阳光守护者<br/>￥300元</li>
                    <li><img src="./img/flower3.jpg" alt=""><br/>温暖永远<br/>￥268元></li>
                    <li><img src="./img/flower4.jpg" alt=""><br/>爱无界<br/>￥318元</li>
                </ul>
                <ul>
                    <li><img src="./img/flower5.jpg" alt=""><br/>亲亲宝贝<br/>￥368元</li>
                    <li><img src="./img/flower6.jpg" alt=""><br/>相信是缘<br/>￥188元</li>
                    <li><img src="./img/flower7.jpg" alt=""><br/>水晶通话<br/>￥198元</li>
                    <li><img src="./img/flower8.jpg" alt=""><br/>天使之爱<br/>￥268元</li>
                </ul>
            </div>
            <!-- 新品上市 -->
            <div id="new">
                <ul>
                    <li><img src="./img/flower9.jpg" alt=""><br/>粉色迷情</li>
                    <li><img src="./img/flower10.jpg" alt=""><br/>海岸的幽雅</li>
                    <li><img src="./img/flower11.jpg" alt=""><br/>百年地中海</li>
                    <li><img src="./img/flower12.jpg" alt=""><br/>爱要说出口</li>
                </ul>
            </div>
            <!-- 鲜花导购 -->
            <div id="tips">
                <ul>
                    <li><a href="#">各种鲜花所代表的含义</a></li>
                    <li><a href="#">养花与养生之道</a></li>
                    <li><a href="#">花香的味道</a></li>
                    <li><a href="#">种花与送花</a></li>
                    <li><a href="#">花的喜怒哀乐与人都各种感觉</a></li>
                    <li><a href="#">每天清晨的第一缕阳光</a></li>
                    <li><a href="#">世界各地关于送花的习俗</a></li>
                    <li><a href="#">手捧一束鲜花的等待</a></li>
                </ul>
            </div>
        </div>
        <!-- 右边部分结束 -->
    </div>
    <!-- 容器结束部分 -->
</body>
</html>